<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>微博布局实战</title>
		<style type="text/css">
			/*reset*/
			
			body,
			div,
			dl,
			dt,
			dd,
			ul,
			ol,
			li,
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			pre,
			form,
			fieldset,
			input,
			textarea,
			p,
			blockquote,
			th,
			td {
				margin: 0;
				padding: 0;
				list-style: none;
				font: 12px/1.5 "Arial", "sans-serif", "微软雅黑", "宋体", "Tahoma"
			}
			/*公共样式*/
			
			body {
				padding-top: 50px;
				line-height: 20px
			}
			.demo {
					width: 600px;
					
			}
			.left{
				width: 100px;
				height: 100%;
				float: left;
			}
			.left img{
				margin-left: 20px;
				padding: 5px;
				border: 1px solid #ccc;
			}
			.right {
				    width: 420px;
				    float: right;
				    padding: 20px;
				    background-color: #EEF7FF;
				    border: 1px solid #CCC;
			}
			.right p{
				text-indent: 2em;
			}
			.right span{
				color: #999;
				float: right;
				margin-top: -8px;
			}
		</style>
	</head>

	<body>
		<div class="demo">
			<div class="left"><img src="img/c8e1arir.jpg" width="100" height="100" /></div>
			<div class="right">
				<span>10分钟前</span>
				<h6>李小凯</h6>
				<p>奥鹏教育是由教育部高等教育司2001年12月批准立项试点，2005年4月正式批准运营的远程教育公共服务体系，为遍布全国的学员提供学历(专升本，高起专)和非学历教育咨询、报名、学习辅导、课程考试、交费等7X24小时学习支持服务400-810-6736。</p>
				
			</div>

		</div>

	</body>

</html>